<template>
	<view>
		<mescroll-uni @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
			<navigator :url="'/pages/noticeDetail/noticeDetail?id='+item.id" class="notice_item" v-for="(item,key) in list" :key="key">
				<image class="notice_img" :src="item.thumb_path" mode=""></image>
				<view class="notice_text">
					{{item.content}}
				</view>
			</navigator>
		</mescroll-uni>
		
		<!-- <view class="notice_item">
			<image class="notice_img" src="/static/img/notice.png" mode=""></image>
			<view class="notice_text">
				爱点赞新推“创客招募令”啦！即日起，一级代理创客凡是推荐加入一位小伙伴即刻当月获得额外的20%佣金。推荐得人数越高，佣金每次增1%。 
				<br/><br/>
				快叫上亲朋好友，一起参加活动吧！
			</view>
		</view> -->
	</view>
</template>

<script>
	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js';
	import request from '../../apiRequest/request.js'
	export default {
		mixins: [MescrollMixin],
		data() {
			return {
				list: [],
				downOption: {
					use: true, // 是否启用下拉刷新; 默认true
					auto: true // 是否在初始化完毕之后自动执行下拉刷新的回调; 默认true
				},
				// 上拉加载的常用配置
				upOption: {
					use: true, // 是否启用上拉加载; 默认true
					auto: false // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true
				},
			}
		},
		methods: {
			downCallback() {
				this.mescroll.resetUpScroll();
			},
			
			async upCallback(page) {
				request.noticeList(page.num,10).then(res=>{
					if(page.num==1) this.list = [];
					this.list = this.list.concat(res.data.list)
					let hasNext =  res.data.list.length < 10? false:true;
					this.mescroll.endSuccess(this.list.length,hasNext)
				}).catch(err=>{
					this.$unexpected(err)
				})
			}
		}
	}
</script>

<style>
page{
	background:rgba(248,248,248,1);
	padding-top: 32rpx;
}
.notice_item{
	margin: 0 35rpx;
	margin-bottom: 100rpx;
	background:rgba(255,255,255,1);
	border-radius:10rpx;
}
.notice_img{
	display: block;
	width: 100%;
	height: 200rpx;
}
.notice_text{
	padding: 33rpx 25rpx;
	font-size:28rpx;
	font-family:Source Han Sans SC;
	font-weight:500;
	color:rgba(202,202,202,1);
	line-height:40rpx;
}
</style>
